<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 段落选择器 标签名+声明块 */
        p{
            background-color: blue ;
        }
        /* id选择器（#id{}） 和 类选择器（.类名{}）*/
        #two{
            background-color: orange;
        }
        .font{
            color: rgb(71, 215, 255);
            background-color: rgb(249, 165, 179);
        }
    </style>
</head>
<body>
    <!-- 所有标签都可以使用的属性
        1style 行内样式/内联样式 设置标签样式
        2id 表一标识标签 类似于身份证
        3class 表示一类标签 类似于人的名字
        4title 光标悬浮到标签上提示说明

        当样式冲突时 优先级
        优先级最高！important 不计入权重计算
        id选择器 权重0100
        class选择器 权重0010
        标签选择器 权重0001
     -->
    <div>我是一个div</div>
    <p class="font">段落标签</p>
    <p id="two" class="font">段落标签</p>
    <p class="font">段落标签</p>
    <section>section标签</section>
</body>
</html>